<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es-ES">

<html>
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" href="style.css" type="text/css" />
		<!-- <link rel="icon" type="image/gif" href="favicon.gif" /> -->
		<title>Menú vistoso con HTML y CSS</title>

<!--[if lt IE 7]>
<script defer type="text/javascript" src="js/pngfix.js"></script>
<![endif]-->

</head>


<body>
<div id="contenido">
	<div class="menu">
	<div id="menu_i"></div>	<div id="menu_d"></div>
	<ul>
		<li><a href="#">Blog</a></li>
		<li><a href="#">Tutoriales</a>
		<ul><span></span>
			<li><a href="#">Clasicos</a></li>
			<li><a href="#">Screencasts</a></li>
			<li><a href="#">Tips</a></li>
		</ul>
		</li>
		<li><a href="#">Freebies</a>
		<ul><span></span>
			<li><a href="#">Iconos</a></li>
			<li><a href="#">Themes</a></li>
		</ul></li>
		<li><a href="#">Artículos</a>
		<ul><span></span>
			<li><a href="#">Noticias</a></li>
			<li><a href="#">Herramientas</a></li>
			<li><a href="#">Entrevistas</a></li>
		</ul>
		</li>
		<li><a href="#">Foro</a></li>
	</ul>
	</div><!-- fin Menu -->
</div><!--  fin Contenido -->
</body>
</html>
